import React from 'react';
import ReactDOM from 'react-dom';
import {
  BrowserRouter as Router,
  Route,
  Switch,
} from 'react-router-dom';
import Home from './views/Home';
import Clumn from './views/clumn/clumn';
import Clumn2 from './views/clumn/clumn2';
import Tab from './views/tab/tab';
import Shop from './views/shop/shop';
import './index.css';

class ModalSwitch extends React.Component {
  render() {
    return (
      <div style={{height:'100%'}}>
        <Switch>
          <Route exact path='/' component={Home}/>
          <Route path='/clumn' component={Clumn}/>
          <Route path='/clumn2' component={Clumn2}/>
          <Route path='/tab' component={Tab}/>
          <Route path='/shop' component={Shop}/>
        </Switch>
      </div>
    )
  }
}

const BasicExample = () => (
  <Router>
    <ModalSwitch />
  </Router>
)
ReactDOM.render(<BasicExample />,document.getElementById('root'));